<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core" 
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <title>Facelet Title</title>
    </h:head>
    <h:body>
         
        <p:layout style="width:500px;height:350px;" id="RCategoria">                
            <p:layoutUnit position="west" >  
                <center><h2>REFERENCIA DE LA CATEGORIA</h2></center><br/>
                <table  >
                    <tr>
                        <td><h:outputText value="Codigo    : "/></td> 
                        <td><p:inputText  value="#{controlCategoria.codigo}" disabled="true"/></td>
                    </tr>
                    <tr>
                        <td><h:outputText value="Nombre    :" /> </td> 
                        <td><p:inputText   value="#{controlCategoria.nombre}" rendered="true"/></td>
                    </tr>
                    <tr>
                        <td><h:outputText value="Describion:" /></td> 
                        <td><p:inputTextarea id="inputarea" value="#{controlCategoria.descripcion}" rows="5" cols="30"/></td>
                    </tr>

                </table>  

            </p:layoutUnit> 
            <p:layoutUnit position="center"  size="100">  
                <br/>
                <p:panelGrid  id="categorias" style="width:200px;height:100px;">  
                    <f:facet name="header">  
                        <p:row>  
                            <p:column colspan="1"><h2>CATEGORIAS EXISTENTES</h2></p:column>  
                        </p:row>                        
                    </f:facet>
                    <p:row>
                        <p:column>
                               <p:tab title="CAtegorias">
                            <p:dataTable id="CATEGORIASexitentes4" var="categoria" value="#{controlCategoria.listacategoria}" 
                                         scrollHeight="150" scrollable="true"  resizableColumns="true">

                                <p:column headerText="Nombre" style="width:100px"> 
                                    <h:outputText value="#{categoria.nombre}" />  
                                </p:column>

                            </p:dataTable>

                        </p:tab>
                        </p:column>
                    </p:row>
                </p:panelGrid>



            </p:layoutUnit>  
             <p:layoutUnit position="south" >
                    <p:toolbar>  
                        <p:toolbarGroup align="left">  
                            <p:commandButton  type="button" value="New" icon="ui-icon-document" />
                            <p:commandButton type="button" value="Open" icon="ui-icon-folder-open"/>
                            <p:separator />
                        </p:toolbarGroup>
                        <p:toolbarGroup align="right">
                            <p:commandButton type="buttoon" value="Registrar" action="#{controlCategoria.REgistrar()}" title="Registrar" update="RPuntom"  style="margin:10px 0"  icon="ui-icon-disk"/>  
                            <p:commandButton type="reset"  title="Limpiar" action="#{controlCategoria.limpiar()}" update="tabla" icon="ui-icon-trash"/>  
                            <p:commandButton type="button" onclick="GestionCategoria.hide()"  title="cerrar" icon="ui-icon-print"/>  
                        </p:toolbarGroup>
                    </p:toolbar> 
                </p:layoutUnit> 

        </p:layout>   
       
    </h:body>

</html>

